<script src="lib/plupload-2.1.2/js/plupload.full.min.js"></script>

<div class="row">

    <div class="col-sm-12">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <strong>患者列表</strong>
            </div>

            <div class="panel-body">
                <div clss="table-container">
                    <div id="outerdiv">
                        <div id="innerdiv">
                            <table st-pipe="callServer" st-table="displayed" class="table">
                                <thead>
                                <tr>
                                    <th st-ratio="3">序号</th>
                                    <th st-ratio="5">姓名</th>
                                    <th st-ratio="3">性别</th>
                                    <th st-ratio="3">年龄</th>
                                    <th st-ratio="5">病历号</th>
                                    <th st-ratio="14">诊断</th>
                                    <th st-ratio="5">外周血</th>
                                    <th st-ratio="5">骨髓血</th>
                                    <th st-ratio="5">使用体积</th>
                                    <th st-ratio="13">ABioC治疗</th>
                                    <th st-ratio="5">就诊日期</th>
                                    <th st-ratio="5">治疗医生</th>
                                    <th st-ratio="3">收费</th>
                                    <th st-ratio="12">备注</th>
                                    <th st-ratio="11">反馈信息</th>
                                    <th st-ratio="3">随访</th>
                                </tr>

                                </thead>
                                <tbody ng-hide="isLoading">
                                <tr ng-repeat="row in displayed">
                                    <th>{{row.order_no}}</th>
                                    <td>{{row.name}}</td>
                                    <td>
                                        <div ng-show="row.gender ==1">
                                            男
                                        </div>
                                        <div ng-show="row.gender ==2">
                                            女
                                        </div>
                                    </td>
                                    <td>{{row.age}}</td>
                                    <td>{{row.cardno}}</td>
                                    <td>{{row.diagnosis}}</td>
                                    <td>{{row.wzblood}}</td>
                                    <td>{{row.boneblood}}</td>
                                    <td>{{row.wz_volume * 1 + row.cell_volume * 1}}</td>
                                    <td>{{row.abioc_solution}}</td>
                                    <td>{{row.firstvistime | date : 'yyyy-MM-dd'}}</td>
                                    <th>{{row.doctor.name}}</th>
                                    <th>{{row.fee}}</th>
                                    <th>{{row.comment}}</th>
                                    <th>{{row.feedback}}</th>
                                    <td>
                                        <div ng-show="row.has_vistrack">
                                            <a href="#/vistrack/{{row._id}}">是</a>
                                        </div>

                                        <div ng-show="!row.has_vistrack">
                                            否
                                        </div>
                                    </td>
                                </tr>
                                </tbody>
                                <tbody ng-show="isLoading">
                                <tr>
                                    <td colspan="4" class="text-center">Loading ... </td>
                                </tr>
                                <tfoot>
                                <tr>
                                    <!--<td class="text-center" st-pagination="" st-items-by-page="10" colspan="4"></td>-->
                                    <td colspan="16" class="text-center">
                                        <div st-items-by-page="10" colspan="40" st-pagination="" st-template="partials/pagination.custom.html"></div>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <style type="text/css">
        .panel-body {
            width: 100%;
        }
        #innerdiv{
            width: 150%;
            height:100%;
            overflow-x: scroll;
        }
        #outerdiv{
            width: 100%;
            height:100%;
            overflow-x: scroll;
        }
    </style>

</div>